.loginWrapper {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: url(../../assets/img/loginbg.png) no-repeat right/cover;
  font-family: Rajdhani;
}

.loginDiv {
  width: 16.4rem; 
  height: 20rem;
  position: absolute;
  right: 6rem;
  top:25%;
}

.icoeye{
  display: inline-block;
  width: 16px;
  height: 10px;
  background-color: #B9BFC1;
  position: absolute;
  right: 8px;
  top: 54%;
  transform: translateY(-50%);
  border-radius: 100%;
  /* overflow: hidden; */
  cursor: pointer;
}
.icoeye::after{
  content: '';
  display: inline-block;
  width: 4.5px;
  height: 4.5px;
  border-radius: 100%;
  border: 1.5px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.icoeye.no::before{
  content: '';
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #181818;
  border: 1px solid #fff;;
  position: absolute;
  left: 50%;
  z-index: 5;
  top: 50%;
  transform: translate(-50%,-50%)  rotate(30deg);
  transform-origin: center center;
}
.inputBox .icoeye{
  display: none;
}
.inputBox:hover .icoeye{
  display: inline-block;
}
.title2 {
  margin-bottom: 3.5rem;
  font-size: 2.75rem;
  font-weight: 200;
  color: #000;
}

.desc {
  margin-top: 1.75rem;
  font-size: .7rem;
  font-weight: 200;
  color: #A1A1A1;
}

.inputBox {
  margin-bottom: 1rem;
}

.loginWrapper /deep/ .inputBox .el-input__inner {
  padding: 0 !important;
  height: 3rem !important;
  line-height: 3rem !important;
  font-size: .9rem;
  color: #000 !important;
  border: .05rem solid #000 !important;
}
.loginWrapper /deep/ .inputBox .el-input__inner {
  padding: 0 1rem !important;
}

.loginWrapper /deep/ .inputBox .el-input__inner:focus {
  border-bottom: .05rem solid #000 !important;
}

.saveLogin {
  font-size: .6rem;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  right: 0;
}

.saveLogin .el-checkbox {
  margin-left: .5rem;
}

/deep/ .saveLogin .el-checkbox .el-checkbox__inner {
  width: .75rem;
  height: .75rem;
  border-radius: .25rem;
  border: .05rem solid #000;
  background: transparent;
}

/deep/ .saveLogin .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
  background: var(--loadedLineColor);
}

/deep/ .saveLogin .el-checkbox .el-checkbox__inner::after {
  left: .25rem;
  top: .1rem;
  width: .15rem;
  height: .35rem;
}

/deep/

/*解决浏览器输入框在记住密码后改变颜色问题*/
.loginWrapper /deep/ input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #ededed !important;
	-webkit-box-shadow: 0 0 0px 50rem transparent  inset !important;
    background-color:rgba(0, 0, 0, 0.6) !important;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s; 
}
.loginWrapper /deep/ input:focus {
	 background-color:rgba(0, 0, 0, 0.6) !important;
}